.fixed {
    position: fixed;
    top: 100vh;
    left:50%;
    margin-left: -3.75rem;
    width: 7.5rem;
    z-index: 99;
    transform: translateY(-100%);
    transition: transform .1s;
    background-color: white;

    &:global(.transformHide) {
        transform: translateY(0%);
    }

    &.fix {
        top: 100%;
    }

    // 避免微信底部前进后退隐藏的时候，出现镂空问题
    :global(.device-wechat) &::after {
        content: "";
        display: block;
        position: absolute;
        top: 100%;
        height: 300px;
        width: 100%;
        background: inherit;
        left: 0;
    }
}

.holder {
    box-sizing: content-box !important;
}

:global(.needBottomFit) {
    .holder, .fixed {
        padding-bottom: 34px;
    }
}
